@(mf: transcoding.MediaFile, ctx: Map[String, Any])


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/assets/stylesheets/main.css" type="text/css">
<link rel="shortcut icon" href="/assets/images/favicon.ico" type="text/css">
<title>Blade</title>
    <script type="text/javascript" src="/assets/javascripts/jquery-1.7.1.min.js"></script>    
    <script type="text/javascript" src="/assets/javascripts/jwplayer.js"></script> 
    <!--<script type="text/javascript" src="/assets/javascripts/swfobject.js"></script>-->
    <!--<script type="text/javascript" src="/assets/javascripts/prototype.js"></script>-->
    <!--<script type="text/javascript" src="/assets/javascripts/scripts.js"></script>-->
    <script type="text/javascript" language="javascript">

        var player;
        var position;
        var maxBitRate = 1000;
        var timeOffset = 0;

	$(document).ready(function(){

	jwplayer("mediaplayer").setup({
		flashplayer: "/assets/flash/jw-player-5.6.swf",
                file:"/to/stream?fileID=@{ctx.get("fileID")}&playerID=@{ctx.get("playerID")}",
                duration: @mf.duration - timeOffset,
		width: 640,
		height: 360,
		//image: "/assets/images/favicon.ico",
		id:"player1",
                skin: "/assets/flash/whotube.zip",
//              plugins:"metaviewer-1",
                screencolor: "000000",
                controlbar: "over",
                autostart: false,
                bufferlength: 4,
                backcolor:"EFEFEF",
                frontcolor:"000000",
                provider:"http",
				allowfullscreen: true,
                allowscriptaccess:"always"
		/*events: {
		 onSeek: function(evt) {
		    //this.stop()
		 	//this.load({file: this.config.file+"&offset="+evt.offset, start: evt.offset}).play();
		 }
		 //onReady: function() { this.play(); },
		}*/
	});
	
 $("#extPlayerCmd").css("width", "640").click(function(){
 		$(this).select()
 	})
 });
 

    </script>
</head>

<body>
<h1>Blade<h1>
<h2>@{ctx.get("title")}</h2>
<div>
<input id="extPlayerCmd" type="text" value="http://localhost:9000/to/stream?fileID=@{ctx.get("fileID")}&playerID=@{ctx.get("playerID")}_ext" style="width:100%;"/>
</div>
<div id="wrapper" style="padding-top:1em">
    <div id="mediaplayer"><a href="http://www.adobe.com/go/getflashplayer" target="_blank">Get Flash player</a></div>
</div>
</body>
</html>
